/*
Theme Name: WebPrint
Theme URI: http://webprint.jotho.me/
Description: WebPrint is a simplistic and print-like theme, designed just for use by newspapers.
Author: Jonathan Thornton
Author URI: http://www.jotho.me/
*/

/* Reset default browser styles. */
@import url(css/reset.css);

/* Unresetting (?!) and getting rid of some other default browser junk. */
strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

*,
*:focus,
*:hover {
	outline:none;
	text-decoration:none;
}

.clearfloats {
	clear:both;
}

/* Begin the actual theme CSS */
body {
	background:#222;
}

#page-wrapper {
	width:1024px;
	margin:20px auto;
	background:#fff;
	border-radius:3px;
	box-shadow:0 0 1.3em #000;
}

#branding {
	height:110px;
}

#logo {
	float:left;
	width:500px;
	padding-top:39px;
	padding-left:25px;
}

#logo a h1 {
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.5em;
	font-weight:bold;
}

#logo a span#site-description {
	color:#777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:0.8em;
	font-style:italic;
	line-height:1.5em;
}

#header-ad {
	float:right;
	width:468px;
	height:60px;
	margin-top:25px;
	margin-right:25px;
	background:#fff;
	border:1px solid #ccc;
	box-shadow:0 0 1em rgba(0,0,0,0.2) inset;
}

#navigation {
	height:40px;
	margin-bottom:250px;
	background:#fff;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	box-shadow:0 0 1em rgba(0,0,0,0.2) inset;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:40px;
}

#navigation ul {
	float:left;
	width:574px;
	padding:0 25px;
}

#navigation ul li {
	display:inline-block;
	margin-right:15px;
}

#navigation li a {
	color:#777;
	font-weight:bold;
	text-shadow:0 -1px 0 #fff, 0 0 1em #fff;
}

#navigation li.current-menu-item a {
	color:#333;
}

#social-links {
	float:right;
	width:205px;
}

#social-links a {
	display:inline-block;
	width:40px;
	height:40px;
	padding-right:1px;
}

#social-links a#facebook {
	background:url(images/social.png) no-repeat 0 0;
}

#social-links a#facebook:hover {
	background:url(images/social.png) no-repeat 0 -41px;
}

#social-links a#twitter {
	background:url(images/social.png) no-repeat -41px 0;
}

#social-links a#twitter:hover {
	background:url(images/social.png) no-repeat -41px -41px;
}

#social-links a#googleplus {
	background:url(images/social.png) no-repeat -82px 0;
}

#social-links a#googleplus:hover {
	background:url(images/social.png) no-repeat -82px -41px;
}

#social-links a#youtube {
	background:url(images/social.png) no-repeat -123px 0;
}

#social-links a#youtube:hover {
	background:url(images/social.png) no-repeat -123px -41px;
}

#social-links a#rss-social {
	background:url(images/social.png) no-repeat -164px 0;
	margin-right:0 !important;
}

#social-links a#rss-social:hover {
	background:url(images/social.png) no-repeat -164px -41px;
	margin-right:0 !important;
}

form#header-search {
	float:right;
	width:400px;
}

form#header-search input[type="text"] {
	float:right;
	width:76px;
	height:38px;
	padding-left:15px;
	background:#fff;
	border:none;
	border-left:1px solid #ccc;
	color:#777;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
}

form#header-search input[type="text"]:focus {
	width:150px;
	color:#222;
}

form#header-search input[type="submit"] {
	display:none;
}

#footer-navigation {
	background:#eee;
	border-top:1px solid #bbb;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}

#footer-navigation ul li {
	display:inline-block;
	margin:8px;
}

#footer-navigation li a {
	color:#0088aa;
}

footer {
	padding:20px;
	background:#eee;
	background-image: linear-gradient(bottom, #fff 0%, #ddd 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, #ddd 100%);
	background-image: -moz-linear-gradient(bottom, #fff 0%, #ddd 100%);
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #ddd 100%);
	background-image: -ms-linear-gradient(bottom, #fff 0%, #ddd 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #fff),
		color-stop(1, #ddd)
	);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top:1px solid #bbb;
	color:#777;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	text-align:center;
	text-shadow:0 -1px 0 #fff;
}

footer a {
	color:#0088aa;
}